<template>
  <el-card class="page-tools">
    <el-row type="flex" justify="space-between" align="middle">
      <el-col>
        <slot name="before">
          <el-button type="primary">头部左边部分</el-button>
        </slot>
      </el-col>
      <el-col>
        <slot name="after">
          <el-input placeholder="头部右边部分" class="input-with-select">
            <el-button slot="append" icon="el-icon-search" />
          </el-input>
        </slot>
      </el-col>
    </el-row>
    <el-row class="main">
      <slot name="main">
        <template>
          <el-table
            border
            style="width: 100%"
          >
            <el-table-column
              prop="picture"
              label="图片"
              width="180"
            />
            <el-table-column
              prop="name"
              label="名称"
              width="180"
            />
            <el-table-column
              prop="email"
              label="邮箱"
            />
            <el-table-column
              prop="phone"
              label="电话"
            />
            <el-table-column
              prop="site"
              label="地址"
            />
            <el-table-column
              prop="introduce"
              label="介绍"
            />
            <el-table-column
              prop="operation"
              label="操作"
            />
          </el-table>
        </template>
      </slot>
    </el-row>
    <el-row type="flex" justify="center">
      <slot name="footer">
        <el-pagination
          small
          layout="prev, pager, next"
          :total="1"
        />
      </slot>
    </el-row>
  </el-card>
</template>

<script>
export default {
}
</script>

<style lang='scss'>
 .page-tools {
    margin: 20px;
    .before {
      line-height: 34px;
    i {
      margin-right: 5px;
      color: #409eff;
    }
    display: inline-block;
    padding: 0px 10px;
    border-radius: 3px;
    border: 1px solid rgba(145, 213, 255, 1);
    background: rgba(230, 247, 255, 1);
  }
  .main{
    margin: 30px 0;
    padding: 30px 0;
    border-top: 2px solid #dcdfe6;
    border-bottom: 2px solid #dcdfe6;
  }
 }
</style>
